<% include ../header.ejs %>
<section class="container mt20">
    <div class="row">
        <!-- 左模块 开始-->
        <div class="col-sm-12 col-md-8 block-l">
            <div class="rec-main col-art-con">
                <h2>一部超低成本的影片如何制作完成且走向世界</h2>
                <ul class="list-unstyled art-ele clearfix">
                    <li>发布时间：今天8:33</li>
                    <li>点击：222</li>
                </ul>
                <div class="clearfix">
                    <p>一部超低成本的影片如何制作完成且走向世界一部超低成本的影片如何制作完成且走向世界一部超低成本的影片如何制作完成且走向世界一部超低成本的影片如何制作完成且走向世界一部超低成本的影片如何制作完成且走向世界一部超低成本的影片如何制作完成且走向世界一部超低成本的影片如何制作完成且走向世界一部超低成本的影片如何制作完成且走向世界一部超低成本的影片如何制作完成且走向世界</p>
                    <p>一部超低成本的影片如何制作完成且走向世界一部超低成本的影片如何制作完成且走向世界一部超低成本的影片如何制作完成且走向世界一部超低成本的影片如何制作完成且走向世界</p>
                    <p>一部超低成本的影片如何制作完成且走向世界一部超低成本的影片如何制作完成且走向世界一部超低成本的影片如何制作完成且走向世界一部超低成本的影片如何制作完成且走向世界</p>
                    <!-- 分页 -->
                    <div class="pagination-wrap clearfix">
                        <div id="light-pagination"></div>
                    </div>
                </div>
                <footer class="row">
                    <div class="col-md-6 label-text"><span class="label-name">标签：</span><a href="">盲人</a><a href="">曹军</a><a href="">实现梦想</a></div>
                    <div class="col-md-6 text-right">
                        <% include ../widget/share_widget.ejs %>
                    </div>
                </footer>
                <ul class="list-unstyled art-pre">
                    <li><span class="label-name">上一篇：</span><a href="">一部超低成本的影片如何制作完成且走向世界</a></li>
                    <li><span class="label-name">下一篇：</span><a href="">一部超低成本的影片如何制作完成且走向世界</a></li>
                </ul>
            </div>

            <!-- 评论 开始 -->
            <div class="comment-wrap">
                <h3 class="mod-sub-title">评论（5）</h3>
                <% include ../widget/comment_widget.ejs %>
            </div>
            <!-- 评论 结束 -->
        </div>
        <!-- 左模块 结束-->

        <!-- 右模块 开始-->
        <aside class="col-md-4 block-r hidden-sm hidden-xs">
            <!-- 专栏作者 开始 -->
            <div class="u-info-wrap">
                <h3 class="mod-sub-title">文章作者</h3>
                <% include ../widget/author-sidebar_widget.ejs %>
            </div>
            <!-- 专栏作者 开始 -->

            <!-- 所属专栏 开始 -->
            <div class="hots-s-col mt20">
                <h3 class="mod-sub-title">所属专栏</h3>
                <div class="mem-column-wrap">
                    <div class="col-box clearfix">
                        <div class="per-ava"><a href="" target="_blank"><img class="img-responsive" src="/images/demo/avatar<%= i %>.jpg" alt=""/></a></div>
                        <div class="per-info">
                            <h5><a href="" target="_blank">专栏名称</a></h5>
                            <p>作者：<a href="" target="_blank">乌龟</a></p>
                            <p class="att-info"><span>123人关注</span></p>
                        </div>
                        <div class="col-btn-att"><a href=""><i class="fa fa-plus"></i> 加关注</a></div>
                    </div>
                </div>
            </div>
            <!-- 所属专栏 结束 -->

            <!-- 最新文章 开始 -->
            <div class="art-item-wrap mt20">
                <h3 class="mod-sub-title">最新文章</h3>
                <% include ../widget/article-sidebar_widget.ejs %>
            </div>
            <!-- 最新文章 开始 -->
        </aside>
        <!-- 右模块 结束-->
    </div>
</section>
<% include ../footer.ejs %>
